<div id="header" class="nav align-middle space-between">
    <div>{$website_info.company}</div>
    <div class="iconBar flex">
        <div id="showSearchbar">
            <a href="javascript:;" class="showSearchbar"></a>
        </div>
        <div class="bar"><span></span></div>
    </div>
</div>
<div id="searchPanel" class="clearfix">
    <form id="searchForm" action="/index.php">
        <input type="hidden" name="m" value="Mobile">
        <input type="hidden" name="c" value="News">
        <input type="hidden" name="a" value="search">
        <input type="search" class="searchTextContent" name="keywords" value="{:I('keywords')}" placeholder="请输入您要搜索的内容"/>
        <button type="submit" class="searchSubmit"></button>
    </form>
</div>
<div id="nav">
    <div class="list with-divider">
        <a href="{:U('Index/index')}" class="item index align-middle">
            <div class="itemIcon flex justify-center align-middle"><i></i></div>
            <div class="content flex space-between align-middle">
                <span>首页</span>
                <i></i>
            </div>
        </a>
    </div>
    <div class="list with-divider">
        <a href="{:U('Index/page', 'page=about')}" class="item our align-middle">
            <div class="itemIcon flex justify-center align-middle"><i></i></div>
            <div class="content flex space-between align-middle">
                <span>关于我们</span>
                <i></i>
            </div>
        </a>
    </div>
    <div class="list with-divider">
        <a href="{:U('Index/page', 'page=service')}" class="item server align-middle">
            <div class="itemIcon flex justify-center align-middle"><i></i></div>
            <div class="content flex space-between align-middle">
                <span>服务介绍</span>
                <i></i>
            </div>
        </a>
    </div>
    <div class="list with-divider">
        <a href="#" class="item new align-middle">
            <div class="itemIcon flex justify-center align-middle"><i></i></div>
            <div class="content flex space-between align-middle">
                <span>企业新闻</span>
                <i></i>
            </div>
        </a>
        <div class="list with-divider hidden">
            <a href="{:U('News/company')}" class="item flex align-middle">公司新闻</a>
            <a href="{:U('News/media')}" class="item flex align-middle">媒体新闻</a>
            <a href="{:U('News/video')}" class="item flex align-middle">视频新闻</a>
        </div>
    </div>
    <div class="list with-divider">
        <a href="{:U('index/contact')}" class="item contact align-middle">
            <div class="itemIcon flex justify-center align-middle"><i></i></div>
            <div class="content flex space-between align-middle">
                <span>联系我们</span>
                <i></i>
            </div>
        </a>
    </div>
</div>